<template>
  <div id="building">
    <!-- 顶部导航栏 -->
    <div>
      <topNav />
    </div>

    <!-- 商品详情 -->
    <div>
      <goods-item :goodsDetail="$route.query.detail" />
    </div>

    <!-- 底部声明 -->
    <div>
      <bottom />
    </div>
  </div>
</template>

<script>
import topNav from "../components/topNav.vue";
import bottom from "../components/bottom.vue";
import goodsItem from "../components/goodsItem.vue"
export default {
  components: {
    topNav,
    bottom,
    goodsItem
  },
  data() {
    return {
      detail: {}
    };
  },
  mounted() {
  },
  methods: {},
};
</script>
<style scoped>

</style>